<!DOCTYPE html>
<html>
    <head>
        <title>精选排行</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
        <link type="text/css" rel="stylesheet" media="screen" href="css/test.css">
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
		<!-- <script type="text/javascript" src="js/jxcompilationsTestJson.js"> -->
		</script>
		
        <style type="text/css">
		#topDiv div{
			position: absolute;
		}
		#middleDiv div{
			position: absolute;
		}
		.div-inline div{
			display:inline-block;
		}
		
		.div-inline1{
			left:20px;
		}
		.div-inline1>img{
			width:366px;
		}
		
		
		.div-inline2{
			left:396px;
		}
		
		.div-inline2>img{
			width:213px;
		}
		
		
		.div-inline3{
			left:20px;
			top:242px;
		}
		
		.div-inline3>img{
			width:589px;
		}
		.div-inline4{
			left:619px;
		}
		
		.div-inline4>img{
			width:405px;
		}
		
		
		.div-inline5{
			left:1034px;
		}
		
		.div-inline5>img{
			width:366px;
		}
		
		.div-inline6{
			top:242px;
			left:1034px;
		}
		
		.div-inline6>img{
			width:366px;
		}
		

		</style>
		<script type="text/javascript" src="js/mylib.js"></script>
		<script type="text/javascript" src="js/compilations.js"></script>
		<script type="text/javascript">
		
		var pageSize=7;
		var currPage=0;
		var total=0;
		var totalPage=0;
		var dataJson = {};
		var compilationsTest={};
		var listData;	

		function gamel(){
		debugger;
					for(var i=0; i<10; i++)
								{
									var div = $("<div>");
									var imgs;
									var img;
									if(i==0)
									{
										div.attr("class","div-inline1");
										 imgs = eval("'" + listData[i].img + "'");
										 img = $("<img>");
										img.attr({"class":"img2","src":imgs});
										
							
									}
									else if(i==1)
									{
										div.attr("class","div-inline2");
										var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});	
										div.append(img);									
										
										
									}
									else if(i==2)
									{
										div.attr("class","div-inline3");
										var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});										
									}
									else if(i==3)
									{
										div.attr("class","div-inline4");
										var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});
									}
									
									else if(i==4)
									{
										div.attr("class","div-inline5");
										var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});									
									}
									else if(i==5)
									{
										div.attr("class","div-inline6");
										var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});		
																		
									}
									 else
									{
										if(i%2==0)
										{
										div.attr("style","left:"+(1034+Math.ceil((i-5)/2)*376)+"px");
					 					var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});	
										}
										else
										{
										div.attr("style","left:"+(1034+Math.ceil((i-5)/2)*376)+"px;;top:242px");
					 					var imgs = eval("'" + listData[i].img + "'");
										var img = $("<img>");
										img.attr({"class":"img2","src":imgs});
										}
									} 
									div.append(img);
									$("#middleDiv").append(div);
								} 
		} 
//回调方法
$(document).ready(function(){
	var map={};
	map.viewCode="jxcompilations";
	var url="QueryViewServlet";
	mylib.postAjaxContent(map,url,callBackContent=function(data){
		if(data!=null&&data.length>0){
			compilationsTest.testJSON=data[0];
			window.compilationsTest = compilationsTest;
			dataJson = compilationsTest.testJSON;
			listData = dataJson.index_list.index;
			total = listData.length;
			gamel();
		}
	});//	获取图片内容
})
</script>
		

  </head>
  <body>
      <img style="width:1270x;height:720px;position:absolute;left:0px;top:0px" src="images/bg1.jpg"></img> 
   	  <img style="position:absolute; left:80px;top:50px"src="images/compilations/logo.png"></img> 
   	  <font  size="6" style="position:absolute; left:130px;top:55px" color="#FFFFFF">精选排行</font> 
   		 
   	 <div id='d2' style='top:100px; position:relative;height:483px;width:1270px;overflow:auto;'>
  	 <div id="middleDiv" style="left:30px; width:1270px;position: absolute;" class="subMenuItem1"> 

     </div>
   </div> 
  </body>
  <script type="text/javascript">
  

	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
	      // switch(menu.getTabsDivIndex){
	       		//window.location.href="playinfo1.html?showPlayView="+menu.getTabsDivIndex;
	       		window.location.href="playinfo2.html?viewCode=jxcompilations"+"&playViewCode=jxcompilations_"+menu.getTabsDivIndex+"&prePage="+curr;
	      // }
       }
        //$(document).keydown(function(e){keyUp(e,0);}); 
        keyboard();
       }
	</script>
</html>
